$(function() {
    $('.head-right .search-box .img1').on('mouseover', function() {
        $('.head-right .search-box .img1').hide()
        $('.head-right .search-box .img2').show()
    })
    $('.head-right .search-box .img2').on('mouseout', function() {
        $('.head-right .search-box .img2').hide()
        $('.head-right .search-box .img1').show()
    })
    $('.head-right .shop-cart .img1').on('mouseover', function() {
        $('.head-right .shop-cart .img1').hide()
        $('.head-right .shop-cart .img2').show()
        $('#my-cart').show()
    })
    $('.head-right .shop-cart .img2').on('mouseout', function() {
        $('.head-right .shop-cart .img2').hide()
        $('.head-right .shop-cart .img1').show()
        $('#my-cart').hide()
    })
    
    $('.head-right .header-favorites').on('mouseover', function() {
        $('#my').show()
    })
    $('.head-right .header-favorites').on('mouseout', function() {
        $('#my').hide()
    })
    $('#main .left_menu li').on('click', function() {
        $(this).addClass('l2').siblings('li').removeClass('l2')
    })
    $('#main .articleCon').on('mouseover', '.article-lwrap p', function() {
        $(this).css('color', '#37f')
    })
    $('#main .articleCon').on('mouseout', '.article-lwrap p', function() {
        $(this).css('color', '#1c1f21')
    })

    $('#main .articleCon').on('mouseover', '.article-lwrap', function() {
        $(this).find('p span').show()
    })
    $('#main .articleCon').on('mouseout', '.article-lwrap', function() {
        $(this).find('p span').hide()
    })

    $('#li9').on('mouseover', function() {
        $('#my-1').show()
        $('#my-2').hide() 
    })
    $('#my-1').on('mouseout', function() {
        $(this).hide()
    })
    $('#li8').on('mouseover', function() {
        $('#my-2').show()
        $('#my-1').hide()
        $('#my-3').hide()
    })
    $('#my-2').on('mouseout', function() {
        $(this).hide()
    })

    $('#li7').on('mouseover', function() {
        $('#my-3').show()
        $('#my-2').hide()
        $('#my-4').hide()
    })
    $('#my-3').on('mouseout', function() {
        $(this).hide()
    })
    $('#li6').on('mouseover', function() {
        $('#my-4').show()
        $('#my-3').hide()
        $('#my-5').hide()
    })
    $('#my-4').on('mouseout', function() {
        $(this).hide()
    })
    $('#li5').on('mouseover', function() {
        $('#my-5').show()
        $('#my-4').hide()
        $('#my-6').hide()
    })
    $('#my-5').on('mouseout', function() {
        $(this).hide()
    })
    $('#li4').on('mouseover', function() {
        $('#my-6').show()
        $('#my-5').hide()
    })
    $('#my-6').on('mouseout', function() {
        $(this).hide()
    })

    $('#main .left_menu .q1').on('mouseover', function() {
        $('#my-6').hide()
        $('#my-3').hide()
        $('#my-2').hide()
        $('#my-1').hide()
        $('#my-4').hide()
        $('#my-5').hide()
    })

    $('#my-1 li').on('mouseover', function() {
        $(this).addClass('l').siblings('li').removeClass('l')
    })
    $('#my-2 li').on('mouseover', function() {
        $(this).addClass('l').siblings('li').removeClass('l')
    })
    $('#my-3 li').on('mouseover', function() {
        $(this).addClass('l').siblings('li').removeClass('l')
    })
    $('#my-4 li').on('mouseover', function() {
        $(this).addClass('l').siblings('li').removeClass('l')
    })
    $('#my-5 li').on('mouseover', function() {
        $(this).addClass('l').siblings('li').removeClass('l')
    })
    $('#my-6 li').on('mouseover', function() {
        $(this).addClass('l').siblings('li').removeClass('l')
    })

    $('#main .recommended').on('mouseover', 'button', function() {
        $(this).css('background-color', '#37f').css('color', '#FFF')
    })
    $('#main .recommended').on('mouseout', 'button', function() {
        $(this).css('background-color', 'rgba(84,92,99,0.1)').css('color', '#111')
    })

    $('#img1').on('mouseover', function() {
        $('#img2').show()
        $('#img1').hide()
        $('#my1').show()
    })
    $('#img2').on('mouseout', function() {
        $('#my1').hide()
        $('#img2').hide()
        $('#img1').show()
    })
    $('#img4').on('mouseover', function() {
        $('#img3').show()
        $('#img4').hide()
        $('#my2').show()
    })
    $('#img3').on('mouseout', function() {
        $('#my2').hide()
        $('#img3').hide()
        $('#img4').show()
    })
    $('#img5').on('mouseover', function() {
        $('#img5').hide()
        $('#img6').show()
    })
    $('#img6').on('mouseout', function() {
        $('#img6').hide()
        $('#img5').show()
    })
    $('#img7').on('mouseover', function() {
        $('#img7').hide()
        $('#img8').show()
    })
    $('#img8').on('mouseout', function() {
        $('#img8').hide()
        $('#img7').show()
    })
})